<template>
  <div>
<el-menu
  :default-active="activeIndex"
  class="el-menu-demo"
  mode="horizontal"
  :router="true"
  @select="handleSelect"
  background-color="#545c64"
  text-color="#fff"
  active-text-color="#ffd04b">
  <el-menu-item index="1" route="order">订单</el-menu-item>
  <el-menu-item index="2" route="commondity">商品</el-menu-item>
  <el-menu-item index="3" route="classification">分类</el-menu-item>
  <el-menu-item index="4" route="users">用户</el-menu-item>
  <el-menu-item index="5" route="ad">广告</el-menu-item>
</el-menu>
  </div>
</template>

<script>
export default {
  data:function(){
    return{
      
    }
  },
  props:['activeIndex'],
  methods:{
    handleSelect(){

    }
  }
}
</script>


<style scoped>

</style>
